<template>
  <div class="staffManagement">
    <Tabs name="tab1" :value="outName">
      <TabPane label="员工" tab="tab1" name="yuangong">
        <Tabs class="myInTabs" name="tab1-1" type="card" :animated="false" :value="inName">
          <!-- <TabPane label="所有员工" name="allstaffname" tab="tab1-1"></TabPane> -->
          <TabPane label="在职员工" name="onstaffname" tab="tab1-1">
            <OnDutyEmployees></OnDutyEmployees>
          </TabPane>
          <!-- <TabPane label="离职禁用员工" name="offstaffname" tab="tab1-1">标签三的内容</TabPane>
          <TabPane label="客资角色" name="keziname" tab="tab1-1">标签三的内容</TabPane>
          <TabPane label="订单角色" name="ordername" tab="tab1-1">标签三的内容</TabPane> -->
        </Tabs>
      </TabPane>
      <!-- <TabPane label="部门" name="bumen" tab="tab1">标签二的内容</TabPane>
      <TabPane label="积分日志" name="jifenrizhi" tab="tab1">标签三的内容</TabPane> -->
    </Tabs>
  </div>
</template>

<script>
  import OnDutyEmployees from '@/components/account/onDutyEmployees.vue'
  export default {
    components: {
      OnDutyEmployees
    },
    data() {
      return {
        outName: 'yuangong',
        inName: 'onstaffname',
      }
    },
  }
</script>

<style scoped>
.staffManagement {
  flex: 1;
  padding: 0 10px;
}
</style>
